<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/template.xhtml">

<ui:define name="body">

    <h:form id="usuario" styleClass="edit">

        <rich:panel>
            <f:facet name="header">#{usuarioHome.managed ? 'Edit' : 'Add'} Usuario</f:facet>





            <s:decorate id="nombreField" template="layout/edit.xhtml">
                <ui:define name="label">Nombre</ui:define>
                <h:inputText id="nombre"
                           size="45"
                      maxlength="45"
                          value="#{usuarioHome.instance.nombre}">
                    <a:support event="onblur" reRender="nombreField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>


            <s:decorate id="apellidosField" template="layout/edit.xhtml">
                <ui:define name="label">Apellidos</ui:define>
                <h:inputText id="apellidos"
                           size="45"
                      maxlength="45"
                          value="#{usuarioHome.instance.apellidos}">
                    <a:support event="onblur" reRender="apellidosField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>


            <s:decorate id="usernameField" template="layout/edit.xhtml">
                <ui:define name="label">Username</ui:define>
                <h:inputText id="username"
                       required="true"
                           size="45"
                      maxlength="45"
                          value="#{usuarioHome.instance.username}">
                    <a:support event="onblur" reRender="usernameField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>


            <s:decorate id="passwordField" template="layout/edit.xhtml">
                <ui:define name="label">Password</ui:define>
                <h:inputSecret id="password"
                       required="true"
                           size="45"
                      maxlength="45"
                          value="#{usuarioHome.instance.password}">
                    <a:support event="onblur" reRender="passwordField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputSecret>
            </s:decorate>


            <div style="clear:both">
                <span class="required">*</span>
                required fields
            </div>

        </rich:panel>

        <div class="actionButtons">

            <h:commandButton id="save"
                          value="Save"
                         action="#{usuarioHome.persist}"
                       disabled="#{!usuarioHome.wired}"
                       rendered="#{!usuarioHome.managed}"/>

            <h:commandButton id="update"
                          value="Save"
                         action="#{usuarioHome.update}"
                       rendered="#{usuarioHome.managed}"/>

            <h:commandButton id="delete"
                          value="Delete"
                         action="#{usuarioHome.remove}"
                      immediate="true"
                       rendered="#{usuarioHome.managed}"/>

            <s:button id="cancelEdit"
                   value="Cancel"
             propagation="end"
                    view="/Usuario.xhtml"
                rendered="#{usuarioHome.managed}"/>

            <s:button id="cancelAdd"
                   value="Cancel"
             propagation="end"
                    view="/#{empty usuarioFrom ? 'UsuarioList' : usuarioFrom}.xhtml"
                rendered="#{!usuarioHome.managed}"/>

        </div>
    </h:form>

<rich:tabPanel switchType="ajax">

    <rich:tab label="Rol">
    <div class="association" id="rolParent">

        <h:outputText value="There is no rol associated with this usuario."
                   rendered="#{usuarioHome.instance.rol == null}"/>

        <rich:dataTable var="_rol"
                   value="#{usuarioHome.instance.rol}"
                rendered="#{usuarioHome.instance.rol != null}"
              rowClasses="rvgRowOne,rvgRowTwo"
                      id="rolTable">
            <h:column>
                <f:facet name="header">Id rol</f:facet>
                <h:outputText value="#{_rol.idRol}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Nombre rol</f:facet>
                <h:outputText value="#{_rol.nombreRol}"/>
            </h:column>
        </rich:dataTable>

        <div class="actionButtons">
            <s:button id="#{usuarioHome.instance.rol != null ? 'changeParentrol' : 'selectParentrol'}" value="#{usuarioHome.instance.rol != null ? 'Change' : 'Select'} rol"
                       view="/RolList.xhtml">
                <f:param name="from" value="UsuarioEdit"/>
            </s:button>
        </div>

    </div>
    </rich:tab>

    <rich:tab label="Objetivos">
    <div class="association" id="objetivosParent">

        <h:outputText value="There is no objetivos associated with this usuario."
                   rendered="#{usuarioHome.instance.objetivos == null}"/>

        <rich:dataTable var="_objetivos"
                   value="#{usuarioHome.instance.objetivos}"
                rendered="#{usuarioHome.instance.objetivos != null}"
              rowClasses="rvgRowOne,rvgRowTwo"
                      id="objetivosTable">
            <h:column>
                <f:facet name="header">Id objetivos</f:facet>
                <h:outputText value="#{_objetivos.idObjetivos}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Objetivos personal id objetivos personal</f:facet>
                <h:outputText value="#{_objetivos.objetivosPersonal.idObjetivosPersonal}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Objetivos linea investigacion id objetivos linea investigacion</f:facet>
                <h:outputText value="#{_objetivos.objetivosLineaInvestigacion.idObjetivosLineaInvestigacion}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Objetivos proyecto id objetivos proyecto</f:facet>
                <h:outputText value="#{_objetivos.objetivosProyecto.idObjetivosProyecto}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Objetivos grupo id objetivos grupo</f:facet>
                <h:outputText value="#{_objetivos.objetivosGrupo.idObjetivosGrupo}"/>
            </h:column>
        </rich:dataTable>

        <div class="actionButtons">
            <s:button id="#{usuarioHome.instance.objetivos != null ? 'changeParentobjetivos' : 'selectParentobjetivos'}" value="#{usuarioHome.instance.objetivos != null ? 'Change' : 'Select'} objetivos"
                       view="/ObjetivosList.xhtml">
                <f:param name="from" value="UsuarioEdit"/>
            </s:button>
        </div>

    </div>
    </rich:tab>

    <rich:tab label="Rol objetivoses">
        <h:form styleClass="association" id="rolObjetivosesChildren">

            <h:outputText value="There are no rolObjetivoses associated with this usuario."
                       rendered="#{empty usuarioHome.rolObjetivoses}"/>

            <rich:dataTable value="#{usuarioHome.rolObjetivoses}"
                           var="_rolObjetivos"
                      rendered="#{not empty usuarioHome.rolObjetivoses}"
                    rowClasses="rvgRowOne,rvgRowTwo"
                            id="rolObjetivosesTable">
                <rich:column sortBy="#{_rolObjetivos.idRolObjetivos}">
                    <f:facet name="header">Id rol objetivos</f:facet>
                    <h:outputText value="#{_rolObjetivos.idRolObjetivos}"/>
                </rich:column>
                <rich:column sortBy="#{_rolObjetivos.nombreRolObj}">
                    <f:facet name="header">Nombre rol obj</f:facet>
                    <h:outputText value="#{_rolObjetivos.nombreRolObj}"/>
                </rich:column>
            </rich:dataTable>

        </h:form>

        <f:subview rendered="#{usuarioHome.managed}" id="rolObjetivoses">
        <div class="actionButtons">
            <s:button id="addrolObjetivos"
                   value="Add rolObjetivos"
                    view="/RolObjetivosEdit.xhtml"
             propagation="none">
                 <f:param name="usuarioIdUsuario"
                         value="#{usuarioHome.instance.idUsuario}"/>
                 <f:param name="rolObjetivosFrom" value="Usuario"/>
            </s:button>
        </div>
        </f:subview>
    </rich:tab>
</rich:tabPanel>
</ui:define>

</ui:composition>
